<div class="pm_modal {{ctrl.class}} domains" role="dialog" style="display: block;">
    <div class="modal-dialog">
        <button type="button" ng-click="ctrl.close()" aria-hidden="true" title-translate="Close" title-translate-context="Action" class="fa fa-times close"></button>
        <div class="modal-content">
            <div class="modal-header">
                <domains-menu-step></domains-menu-step>
                <span ng-show="ctrl.domain.DkimState === 0" class="pull-right pm_badge error" translate-context="DKIM configuration status badge" translate>Not set</span>
                <span ng-show="ctrl.domain.DkimState === 1 || ctrl.domain.DkimState === 2 || ctrl.domain.DkimState === 3" class="pull-right pm_badge error" translate translate-context="DKIM configuration status badge">Not set properly</span>
                <span ng-show="ctrl.domain.DkimState === 4" class="pull-right pm_badge success" translate translate-context="DKIM configuration status badge">On</span>
                <span ng-show="ctrl.domain.DkimState === 5" class="pull-right pm_badge success" translate translate-context="DKIM configuration status badge">Off</span>
                <h4 class="modal-title">6. <span translate translate-context="Title">DKIM</span> <em translate translate-context="Info">Recommended</em></h4>
            </div>
            <div class="modal-body pm_form">
                <p translate-context="Info" translate >ProtonMail supports DKIM signing for custom domains! To use DKIM authentication, please add the following TXT record into your DNS for this domain. This can typically be done in the control panel of your domain name registrar.</p>
                <p translate-context="Info" translate >Please add the following TXT record. Note, DNS records can take several hours to update.</p>
                <p><a target='_blank' href='https://protonmail.com/support/knowledge-base/anti-spoofing/' translate translate-context="Action">Learn more</a></p>
                <div class="pm_table">
                    <table class="record">
                        <tr>
                            <th scope="col" style="width:3rem" translate translate-context="Title">Type</th>
                            <th scope="col" style="width:12.5rem" translate translate-context="Title">Host name</th>
                            <th scope="col" style="width: 12rem" translate translate-context="Title">Value / Data / Points to</th>
                        </tr>
                        <tr ng-repeat="key in ctrl.domainKeys">
                            <td><code>TXT</code></td>
                            <td><code>{{ key.Selector }}._domainkey</code></td>
                            <td><code>v=DKIM1;k=rsa;p={{ key.PublicKey }};</code></td>
                        </tr>
                    </table>
                </div>

                <p class="alert alert-info" translate  translate-context="Info">Keep this record in your DNS for as long as you want to use DKIM. You can change its Value to <code>off</code> to disable DKIM</p>
            </div>
        </div>
        <div class="modal-footer clearfix">
            <button class="pm_button modal-footer-button" ng-click="ctrl.close()" translate translate-context="Action">Close</button>
            <button class="pm_button primary modal-footer-button" ng-click="ctrl.next()" translate translate-context="Action">Next</button>
        </div>
    </div>
    <div class="modal-overlay"></div>
</div>
